import 'package:coinbaby/common/const/cosnt.dart';
import 'package:coinbaby/common/textstyle/textstyle.dart';
import 'package:flutter/material.dart';

class FriendCell extends StatelessWidget {
  final int index;

  const FriendCell({Key key, this.index}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Container(
          margin: const EdgeInsets.only(left: 15,),
          decoration: BoxDecoration(
            border: Border(left: BorderSide(width: 1, color: AppColor.divigrey))
          ),
          child: Padding(
            padding: const EdgeInsets.only(left: 20.0, right: 21.5),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                SizedBox(height: 22.5 + 16.5 + 22 + 10),
                Text("标题标题标题标题标题标题标题", style: AppFont.textStyle(17, AppColor.font333, fontWeight: FontWeight.bold),),
                Padding(
                  padding: const EdgeInsets.symmetric(vertical: 10),
                  child: Text("内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容。"),
                )
              ],
            ),
          ),
        ),
        Visibility(
          visible: index == 0,
          child: Container(color: Colors.white, width: 20,height: 20,),
        ),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Container(
              margin: EdgeInsets.only(left: 10, bottom: 22),
              child: Row(
                children: <Widget>[
                  Container(
                    width: 10,
                    height: 10,
                    decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      color: AppColor.blue,
                      boxShadow: [
                        BoxShadow(
                          color: AppColor.blue,
                          spreadRadius: 1,
                          blurRadius: 3,
                          offset: Offset(0, 0),
                        ),
                      ]
                    ),
                  ),
                  Container(
                    height: 22.5,
                    padding: const EdgeInsets.only(left: 15),
                    child: Text("07月06日·星期一", style: AppFont.textStyle(16, AppColor.blue),)
                  )
                ],
              ),
            ),
            Container(
              margin: const EdgeInsets.only(left: 10,),
              child: Row(
                children: <Widget>[
                  Container(
                    width: 10,
                    height: 10,
                    decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      border: Border.all(color: Colors.blue, width: 0.5),
                      color: Colors.white,
                    ),
                  ),
                  Container(
                    height: 16.5,
                    padding: const EdgeInsets.only(left: 15),
                    child: Text("19:44", style: AppFont.textStyle(12, AppColor.blue),),
                  ),
                ],
              ),
            ),
          ],
        )
      ],
    );
  }
}